<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/news-企业新闻-1.css" />
		<script src="../js/news-3.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery.1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue-min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 头-导航栏 -->
		<div id="news-css-header">
			<div id="news-css-fix">
				<div id="news-css-logo">
					<img src="http://via.placeholder.com/250x90" alt="logo">
				</div>
				<!-- li为右浮动故顺序逆序 -->
				<ul id="news-css-mainbav">
					<li id="news-css-mainbav-now"><a href="#">
							<p>联系我们</p>
						</a></li>	
					<li id="news-css-mainbav-now-2"><a href="#">
							<p>代理加盟</p>
						</a></li>
					<li id="news-css-mainbav-now-3"><a href="#">
							<p>运营方案</p>
						</a>
						<ul>
							<li><a href="#">猫回收</a></li>
							<li><a href="#">清运标准化</a></li>
							<li><a href="#">分拣中心</a></li>
							<li><a href="#">合作细则</a></li>
						</ul>
						</li>	
					<li id="news-css-mainbav-now-4"><a href="#">
							<p>软件系统</p>
						</a>
						<ul>
							<li><a href="#">华展环境云</a></li>
							<li><a href="#">数据中心</a></li>
							<li><a href="#">猫先生APP</a></li>
							<li><a href="#">猫回收APP</a></li>
						</ul>
						</li>	
					<li id="news-css-mainbav-now-5"><a href="#">
							<p>硬件产品</p>
						</a>
						<ul>
							<li><a href="#">智能垃圾房</a></li>
							<li><a href="#">智能分类亭</a></li>
							<li><a href="#">智能回收站</a></li>
							<li><a href="#">智能垃圾箱</a></li>
							<li><a href="#">智能兑换机</a></li>
						</ul>
						</li>
					<li id="news-css-mainbav-now-6" class="news-css-mainbav-now-css" ><a href="news-企业新闻-1.html">
							<p>资讯动态</p>
						</a></li>		
					<li id="news-css-mainbav-now-7"><a href="#">
							<p>垃圾分类首页</p>
						</a></li>	
				</ul>
			</div>

			<!-- 浮动导航 -->
			<a href="#"><div id="news-css-service">
				<img src="http://via.placeholder.com/148x51" >
			</div>
			</a>
			<div id="news-css-message-board-reduce">
				<div id="news-css-message-board-image">
					<div id="news-css-message-board-title">
						<p>请您留言</p>
					</div>
					<div id="news-css-message-buttons">
					</div>
				</div>
			</div>
			<div id="news-css-message-board">
				<div id="news-css-message-board-image">
					<div id="news-css-message-board-title">
						<p>请您留言</p>
					</div>
					<div id="news-css-message-button">
					</div>
				</div>
				<div id="news-css-message-board-conmunication">
					<div id="news-css-message-board-conmunication-fix">
						<p>南京猫先生环保科技有限公司</p>
						<p>咨询热线：400-119-7080</p>
					</div>
					<form action="" method="">
						<div id="news-css-message-board-input">
						<div id="news-css-message-board-input-world-divs">
							<textarea id="news-css-message-board-input-world" required="required" required oninvalid="setCustomValidity('留言区不可以为空')" oninput="setCustomValidity('')" placeholder="请在此输入留言消息,我们会尽快与您联系.  (必填)"></textarea>
						</div>
						<div id="news-css-message-board-input-divss">
							<div id="news-css-message-board-input-logo-a">
							</div>
							<input type="text" name="" id="news-css-message-board-input-name" value="" placeholder="姓名"/>
						</div>
						<div id="news-css-message-board-input-divs">
							<div id="news-css-message-board-input-logo-b">
							</div>
							<input type="tel" name="" id="news-css-message-board-input-number" required="required" required oninvalid="setCustomValidity('电话不能为空')" oninput="setCustomValidity('')" value="" placeholder="电话(必填)" />
						</div>
						<div id="news-css-message-board-input-divs">
							<div id="news-css-message-board-input-logo-c">
							</div>
							<input type="text" name="" id="news-css-message-board-input-addr" value="" placeholder="地址" />
						</div>
					</div>
					<div id="news-css-message-board-send">
						<button id="news-css-message-board-send-button" type="submit">发送</button>
					</div>
					</form>
					
				</div>
			</div>
			<!-- 中间出现的留言区 -->
            <div id="news-css-message-board-center">
				<div id="news-css-message-board-image">
					<div id="news-css-message-board-title">
						<p>请您留言</p>
					</div>
					<div id="news-css-message-buttonss">
					</div>
				</div>
				<div id="news-css-message-board-conmunication">
					<div id="news-css-message-board-conmunication-fix">
						<p>南京猫先生环保科技有限公司</p>
						<p>咨询热线：400-119-7080</p>
					</div>
					<form action="" method="">
						<div id="news-css-message-board-input">
						<div id="news-css-message-board-input-world-divs">
							<textarea id="news-css-message-board-input-world" required="required" required oninvalid="setCustomValidity('留言区不可以为空')" oninput="setCustomValidity('')" placeholder="请在此输入留言消息,我们会尽快与您联系.  (必填)"></textarea>
						</div>
						<div id="news-css-message-board-input-divss">
							<div id="news-css-message-board-input-logo-a">
							</div>
							<input type="text" name="" id="news-css-message-board-input-name" value="" placeholder="姓名"/>
						</div>
						<div id="news-css-message-board-input-divs">
							<div id="news-css-message-board-input-logo-b">
							</div>
							<input type="tel" name="" id="news-css-message-board-input-number" required="required" required oninvalid="setCustomValidity('电话不能为空')" oninput="setCustomValidity('')" value="" placeholder="电话(必填)" />
						</div>
						<div id="news-css-message-board-input-divs">
							<div id="news-css-message-board-input-logo-c">
							</div>
							<input type="text" name="" id="news-css-message-board-input-addr" value="" placeholder="地址" />
						</div>
					</div>
					<div id="news-css-message-board-send">
						<button id="news-css-message-board-send-button" type="submit">发送</button>
					</div>
					</form>
					
				</div>
			</div>
		</div>
		<!-- 内容部分 -->
		<div id="news-css-content">
			<!-- 大图展示部分 -->
			<div id="news-css-image">
				<img src="http://via.placeholder.com/1280x400" alt="大图" >
			</div>
			<div id="news-css-filter-text">
			<h1>资讯动态</h1>
				<p>了解猫先生展会报道、领导来访、重大签约、地推活动、政策、会议等</p>
			</div>
			<!-- 文本部分 -->
			<div id="news-css-text">
				<!-- 子导航 -->
				<div id="news-css-subnav">
				<ul>
					<li><a href="news-企业新闻-1.html">
					<h2>企业新闻</h2>
					<div id="news-css-subnav-solid-case">
					</div>
					</a></li>
					<li><a href="news-报道新闻-1.html"><h2>报道新闻</h2>
					<div id="news-css-subnav-solid">
					</div>
					</a></li>
					<li><a href="news-城市案例-1.html"><h2>城市案例</h2>
					<div id="news-css-subnav-solid">
					</div>
					</a></li>
				</ul>
				</div>
				<!-- 消息部分 -->
				<div id="news-css-news">
					<div id="news-css-news-list">
						<div id="news-css-news-list-img">
							<a href="news-详情页.html"><img src="http://via.placeholder.com/420x235" ></a>
						</div>
						<div id="news-css-news-list-text">
							<a href="news-详情页.html">垃圾分好后，又被“一锅端”了吗？</a>
							<div id="news-css-news-list-text-time">
								<p>发布时间：2021/1/12 15:41:21</p>
							</div>
							<a href="news-详情页.html">从垃圾分类这个词刚出现在大家生活中开始，这就成了我们日常生活中最常听到的问题，这看似是个小问题，但其背后却反映了不少大问题。</a>
							<div id="news-css-news-list-text-next">
								<a href="news-详情页.html">查看详情>></a>
							</div>
						</div>
					</div>
					
					<div id="news-css-news-list">
						<div id="news-css-news-list-img">
							<a href="news-详情页.html"><img src="http://via.placeholder.com/420x235" ></a>
						</div>
						<div id="news-css-news-list-text">
							<a href="news-详情页.html">垃圾分好后，又被“一锅端”了吗？</a>
							<div id="news-css-news-list-text-time">
								<p>发布时间：2021/1/12 15:41:21</p>
							</div>
							<a href="news-详情页.html">从垃圾分类这个词刚出现在大家生活中开始，这就成了我们日常生活中最常听到的问题，这看似是个小问题，但其背后却反映了不少大问题。</a>
							<div id="news-css-news-list-text-next">
								<a href="news-详情页.html">查看详情>></a>
							</div>
						</div>
					</div>
					
					<div id="news-css-news-list">
						<div id="news-css-news-list-img">
							<a href="news-详情页.html"><img src="http://via.placeholder.com/420x235" ></a>
						</div>
						<div id="news-css-news-list-text">
							<a href="news-详情页.html">垃圾分好后，又被“一锅端”了吗？</a>
							<div id="news-css-news-list-text-time">
								<p>发布时间：2021/1/12 15:41:21</p>
							</div>
							<a href="news-详情页.html">从垃圾分类这个词刚出现在大家生活中开始，这就成了我们日常生活中最常听到的问题，这看似是个小问题，但其背后却反映了不少大问题。</a>
							<div id="news-css-news-list-text-next">
								<a href="news-详情页.html">查看详情>></a>
							</div>
						</div>
					</div>
					
					<div id="news-css-news-list">
						<div id="news-css-news-list-img">
							<a href="news-详情页.html"><img src="http://via.placeholder.com/420x235" ></a>
						</div>
						<div id="news-css-news-list-text">
							<a href="news-详情页.html">垃圾分好后，又被“一锅端”了吗？</a>
							<div id="news-css-news-list-text-time">
								<p>发布时间：2021/1/12 15:41:21</p>
							</div>
							<a href="news-详情页.html">从垃圾分类这个词刚出现在大家生活中开始，这就成了我们日常生活中最常听到的问题，这看似是个小问题，但其背后却反映了不少大问题。</a>
							<div id="news-css-news-list-text-next">
								<a href="news-详情页.html">查看详情>></a>
							</div>
						</div>
					</div>
					
					<div id="news-css-news-list">
						<div id="news-css-news-list-img">
							<a href="news-详情页.html"><img src="http://via.placeholder.com/420x235" ></a>
						</div>
						<div id="news-css-news-list-text">
							<a href="news-详情页.html">垃圾分好后，又被“一锅端”了吗？</a>
							<div id="news-css-news-list-text-time">
								<p>发布时间：2021/1/12 15:41:21</p>
							</div>
							<a href="news-详情页.html">从垃圾分类这个词刚出现在大家生活中开始，这就成了我们日常生活中最常听到的问题，这看似是个小问题，但其背后却反映了不少大问题。</a>
							<div id="news-css-news-list-text-next">
								<a href="news-详情页.html">查看详情>></a>
							</div>
						</div>
					</div>
					
					<div id="news-css-news-list">
						<div id="news-css-news-list-img">
							<a href="news-详情页.html"><img src="http://via.placeholder.com/420x235" ></a>
						</div>
						<div id="news-css-news-list-text">
							<a href="news-详情页.html">垃圾分好后，又被“一锅端”了吗？</a>
							<div id="news-css-news-list-text-time">
								<p>发布时间：2021/1/12 15:41:21</p>
							</div>
							<a href="news-详情页.html">从垃圾分类这个词刚出现在大家生活中开始，这就成了我们日常生活中最常听到的问题，这看似是个小问题，但其背后却反映了不少大问题。</a>
							<div id="news-css-news-list-text-next">
								<a href="news-详情页.html">查看详情>></a>
							</div>
						</div>
					</div>
					
					<div id="news-css-news-list">
						<div id="news-css-news-list-img">
							<a href="news-详情页.html"><img src="http://via.placeholder.com/420x235" ></a>
						</div>
						<div id="news-css-news-list-text">
							<a href="news-详情页.html">垃圾分好后，又被“一锅端”了吗？</a>
							<div id="news-css-news-list-text-time">
								<p>发布时间：2021/1/12 15:41:21</p>
							</div>
							<a href="news-详情页.html">从垃圾分类这个词刚出现在大家生活中开始，这就成了我们日常生活中最常听到的问题，这看似是个小问题，但其背后却反映了不少大问题。</a>
							<div id="news-css-news-list-text-next">
								<a href="news-详情页.html">查看详情>></a>
							</div>
						</div>
					</div>
					
					<div id="news-css-news-list">
						<div id="news-css-news-list-img">
							<a href="news-详情页.html"><img src="http://via.placeholder.com/420x235" ></a>
						</div>
						<div id="news-css-news-list-text">
							<a href="news-详情页.html">垃圾分好后，又被“一锅端”了吗？</a>
							<div id="news-css-news-list-text-time">
								<p>发布时间：2021/1/12 15:41:21</p>
							</div>
							<a href="news-详情页.html">从垃圾分类这个词刚出现在大家生活中开始，这就成了我们日常生活中最常听到的问题，这看似是个小问题，但其背后却反映了不少大问题。</a>
							<div id="news-css-news-list-text-next">
								<a href="news-详情页.html">查看详情>></a>
							</div>
						</div>
					</div>
					
					<div id="news-css-news-list">
						<div id="news-css-news-list-img">
							<a href="news-详情页.html"><img src="http://via.placeholder.com/420x235" ></a>
						</div>
						<div id="news-css-news-list-text">
							<a href="news-详情页.html">垃圾分好后，又被“一锅端”了吗？</a>
							<div id="news-css-news-list-text-time">
								<p>发布时间：2021/1/12 15:41:21</p>
							</div>
							<a href="news-详情页.html">从垃圾分类这个词刚出现在大家生活中开始，这就成了我们日常生活中最常听到的问题，这看似是个小问题，但其背后却反映了不少大问题。</a>
							<div id="news-css-news-list-text-next">
								<a href="news-详情页.html">查看详情>></a>
							</div>
						</div>
					</div>
					
					<div id="news-css-news-list">
						<div id="news-css-news-list-img">
							<a href="news-详情页.html"><img src="http://via.placeholder.com/420x235" ></a>
						</div>
						<div id="news-css-news-list-text">
							<a href="news-详情页.html">垃圾分好后，又被“一锅端”了吗？</a>
							<div id="news-css-news-list-text-time">
								<p>发布时间：2021/1/12 15:41:21</p>
							</div>
							<a href="news-详情页.html">从垃圾分类这个词刚出现在大家生活中开始，这就成了我们日常生活中最常听到的问题，这看似是个小问题，但其背后却反映了不少大问题。</a>
							<div id="news-css-news-list-text-next">
								<a href="news-详情页.html">查看详情>></a>
							</div>
						</div>
					</div>
				</div>
				<!-- 下一页按钮 -->
				<div class="page-bar">
				    <ul>
				        <li v-if="cur>1"><a v-on:click="cur--,pageClick()">«上一页</a></li>
				        <li v-if="cur==1"><a class="banclick">«上一页</a></li>
				        <!--当前页背景色为蓝色-->
				        <li v-for="index in indexs"  v-bind:class="{ 'active': cur == index}">
				            <a v-on:click="btnClick(index)">{{ index }}</a>
				        </li>
				        <li v-if="cur<all"><a v-on:click="cur++,pageClick()">下一页»</a></li>
				        <li v-if="cur == all"><a class="banclick">下一页»</a></li>
				    </ul>
				</div>
				<!-- 尾部 -->
				<div id="news-css-footer">
					<div id="news-css-conmunication">
						<div id="news-css-conmunication-left">
					        <div id="news-css-conmunication-case-logo">
					    	<img src="http://www.mymrmao.com/images/pic109.png" >
							<img src="http://www.mymrmao.com/images/pic144.png" >
					        </div>
							<div id="news-css-conmunication-case-text"class="news-css-connection-one">
								<p>联系我们</p>
								<p>13991809967</p>
								<p>周一至周日：9:00-18:00</p>
								
								
								<p>合作邮箱</p>
								<p>service@myhuazhan.com</p>
							</div>
						</div>
						<div id="news-css-conmunication-mind">
						    <div id="news-css-conmunication-case-logo">
							<img src="http://www.mymrmao.com/images/pic110.png" >
							<img src="http://www.mymrmao.com/images/pic111.png" >
						    </div>
							<div id="news-css-conmunication-case-text"class="news-css-connection-two">
								<p>公司地址</p>
								<p>江苏省南京市北纬国际中心B座3层</p>
								<p>江苏省宿迁市高新技术开发区开发大道101号</p>
								
								
								<p>友情链接</p>
								<ul>
									<li><a href="">华展股份官网</a></li>
									<li><a href="">智能垃圾分类</a></li>
									<li><a href="">北极星环保网</a></li>
								</ul>
								<ul>
									<li><a href="">华展停车亭</a></li>
									<li><a href="">中国环保网</a></li>
									<li><a href="">环卫科技网</a></li>
								</ul>
								<ul id="news-css-li">
									<li ><a href="">垃圾分类服务商</a></li>
									<li><a href="">江苏省生态环境厅</a></li>
									<li><a href="">垃圾分类</a></li>
								</ul>	
							</div>
						</div>
						<div id="news-css-conmunication-right">
							<div id="news-css-conmunication-right-one">
								<img src="http://via.placeholder.com/140x140" >
							</div>

							<div id="news-css-conmunication-right-one">
								<img src="http://via.placeholder.com/140x140" >
							</div>
							<div id="news-css-conmunication-right-one">
								<img src="http://via.placeholder.com/140x140" >
							</div>
							<div id="news-css-conmunication-right-text">
								手机公众号
							</div>
							<div id="news-css-conmunication-right-text">
								新浪微博
							</div>
							<div id="news-css-conmunication-right-text">
								手机APP下载
							</div>
						</div>
					</div>
					<div id="news-css-conmunication-blank">
					</div>
					<div id="news-css-buttom">
						<p>
							<span>2020 版权所有 © 南京猫先生环保科技有限公司</span>
						    <span>苏ICP备19005644号</span>
						</p>
						
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
